<template>
	<view class="wrapper lianJie">
		<div class="space-between nav-box">
			<div class="colum" @click="open('./teSe')">
				<image src="../../static/lianjie/lian1.png" mode="widthFix" class="nav-icon"></image>
				<div class="f24 mt20">工作特色</div>
			</div>
			<div class="colum" @click="open('./dongTai')">
				<image src="../../static/lianjie/lian2.png" mode="widthFix" class="nav-icon"></image>
				<div class="f24 mt20">监督动态</div>
			</div>
			<div class="colum" @click="open('./juBao/juBao')">
				<image src="../../static/lianjie/lian3.png" mode="widthFix" class="nav-icon"></image>
				<div class="f24 mt20">在线举报</div>
			</div>
		</div>
		<swiper indicator-active-color="#0077FF" indicator-color="rgba(255,255,255,.5)" :indicator-dots="true"
			:autoplay="true" :interval="3000" :duration="1000">
			<swiper-item v-for="v in 3">
				<image src="../../static/lianjie/banner.png" mode="aspectFill"></image>
			</swiper-item>
		</swiper>
		<div class="main bfff posr">
			<div class="f32 tCenter">{{corruption.title}}</div>
			<div class="btheme"></div>
			<div class="f28">
				{{corruption.content}}
			</div>
		</div>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				corruption:{}
			}
		},
		onLoad(){
			this.getcorruption()
		},
		methods: {
			getcorruption(){
				this.$http('/applet/probity/corruption').then(r => {
					this.corruption = r
				})
			}
		}
	}
</script>

<style lang="scss">
	.main {
		border-radius: 40rpx 40rpx 0rpx 0rpx;
		margin-top: -40rpx;
		z-index: 99;
		padding: 42rpx;
		line-height: 50rpx;

		.btheme {
			width: 84rpx;
			height: 6rpx;
			background: #0077FF;
			border-radius: 6rpx 6rpx 6rpx 6rpx;
			margin: 6rpx auto 40rpx;
		}
	}
	:deep(.uni-swiper-dots-horizontal){
		bottom: 60rpx;
	}
	swiper,
	swiper image {
		width: 100%;
		height: 422rpx;
	}

	.nav-box {
		width: 670rpx;
		height: 196rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 16rpx 2rpx rgba(0, 0, 0, 0.08);
		border-radius: 12rpx 12rpx 12rpx 12rpx;
		margin: 40rpx;
		padding: 0 70rpx;

		.nav-icon {
			width: 74.95rpx;
			height: 70rpx;
		}
	}

	.lianJie {}
</style>